import Vue from 'vue'
import Router from 'vue-router'
// @ 指src目录
// 异步加载：打包上线后，原本是所有页面公用一个js文件，改成加载首页时，只加载首页的js，其它页面就加载自己页面的js,这就是异步加载

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: () => import('@/pages/home/Home')  //首页异步加载
    },{
      path: '/city',
      name: 'City',
      component: () => import('@/pages/city/City')
    },{
      path: '/detail/:id', //动态路由
      name: 'Detail',
      component: () => import('@/pages/detail/Detail')
    }
  ],
  scrollBehavior (to, from, savedPosition) { //每次路由切换的时候，页面始终在最顶部
    return { x: 0, y: 0 }
  }
})
